<template>
    <van-nav-bar
        title="优惠券详情"
        left-text="返回"
        left-arrow
        fixed
        @click-left="onClickLeft"
    />
    <div >
        <div >
            <div >
                <h3>{{coupon.name}}</h3>
                <span>￥</span><span style="width:400px; height:50px;color:blue;font-size: 50px;">{{coupon.discount}}</span>
                <p >{{coupon.info}}</p>
                <div>
                    <img src="http://39.106.55.36:9001/java2401/quanma.png" style="width:300px; height:50px;">
                </div>
                -------------------------------------------------------<br>
            </div>
            <div style="text-align: left;padding-left: 70px;">
                <p >截止时间：<span>{{coupon.endTime}}</span></p>
                <p>适用区域：全部门店</p>
                <p>适用类别：全部类别</p>
                <p>用户类型：全部用户类型</p>
            </div>
            <div style="text-align: left;padding-left: 70px;padding-right: 70px;">
                <h4>使用说明</h4>
                <p>使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明使用说明</p> <!-- 这里假设 reason 字段包含了使用说明 -->
            </div>
        </div>
        <button @click="shareCoupon" style="padding-left: 70px;padding-right: 70px;">分享好友</button>
        <button @click="nextCoupon"  style="padding-left: 70px;padding-right: 70px;">下一步</button>
    </div>
</template>

<script setup>
import {useRoute} from "vue-router";
import {get} from "../../util/request.js";
import {ref} from "vue";


const onClickLeft = () => history.back();
const coupon = ref({})
console.log("路由传参获取到的："+useRoute().query.id)
get("user/coupon/selectById",{id:useRoute().query.id}).then(res=>{
    if (res.code === 0){
        console.log(JSON.stringify(res.data))
        coupon.value = res.data
    } else {

    }
})
</script>

<style scoped>

</style>